<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<header th:replace="manage/head :: html"></header>

<body class="cbp-spmenu-push">
<div class="main-content" id="pageId" pageId="adminsearchstock">

    <div th:replace="manage/adminmenu :: html"></div>

    <!-- main content start-->
    <div id="page-wrapper">
        <div class="main-page">
            <h2 class="title1"> 搜索库存</h2>
            <div class="panel-body widget-shadow">

                <div class="form-body">

                    <div class="form-group">
                        <form class="form-inline">
                            <label>配件编号：</label><input style="width: 80%" class="form-control"  placeholder="配件编号"/>
                        </form>

                    </div>

                        <div class="form-group">
                            <form class="form-inline">
                                <label>制造商：</label><input type="password" class="form-control"  placeholder="制造商"/>
                                <label>成色：</label><input type="password" class="form-control"  placeholder="成色"/>
                                <label>片区：</label><input type="password" class="form-control"  placeholder="片区"/>
                                <label>省份：</label><input type="password" class="form-control"  placeholder="省份"/>
                                <label>供应商：</label><input type="password" class="form-control"  placeholder="供应商"/>

                                <button type="button" class="btn btn-warning" data-toggle="modal"
                                        data-target="#gridSystemModal">查询库存
                                </button>

                            </form>

                        </div>

                </div>

                <table class="table">
                    <thead>
                    <tr>
                        <!--编号、品牌、成色需求、目标价格、数量-->
                        <th>#</th>
                        <th>配件编号</th>
                        <th>制造商</th>
                        <th>供应商</th>
                        <th>成色</th>
                        <th>价格</th>
                        <th>数量</th>
                        <th>更新频率</th>
                        <th>片区</th>
                        <th>省份</th>
                        <th>配件描述</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>#</td>
                        <td>配件编号</td>
                        <td>制造商</td>
                        <td>供应商</td>
                        <td>成色</td>
                        <td>价格</td>
                        <td>数量</td>
                        <td>更新频率</td>
                        <td>片区</td>
                        <td>省份</td>
                        <td>配件描述</td>
                    </tr>
                    <tr>
                        <td>#</td>
                        <td>配件编号</td>
                        <td>制造商</td>
                        <td>供应商</td>
                        <td>成色</td>
                        <td>价格</td>
                        <td>数量</td>
                        <td>更新频率</td>
                        <td>片区</td>
                        <td>省份</td>
                        <td>配件描述</td>
                    </tr>
                    <tr>
                        <td>#</td>
                        <td>配件编号</td>
                        <td>制造商</td>
                        <td>供应商</td>
                        <td>成色</td>
                        <td>价格</td>
                        <td>数量</td>
                        <td>更新频率</td>
                        <td>片区</td>
                        <td>省份</td>
                        <td>配件描述</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--//footer-->
</div>


<!--我想买添加框-->
<div class="modal fade" id="gridSystemModal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="gridSystemModalLabel">发布求购信息</h4>
            </div>
            <div class="modal-body">

                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">产品型号</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" placeholder="产品型号"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">成色</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" placeholder="9成新"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">数量</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" placeholder="0"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">描述</label>
                        <div class="col-sm-9">
                            <textarea name="txtarea1" id="txtarea1" cols="50" rows="10" class="form-control1"></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">保存</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>
<!-- /.modal -->

<!-- side nav js -->
<script src='js/SidebarNav.min.js' type='text/javascript'></script>
<script>
    $('.sidebar-menu').SidebarNav()
</script>
<!-- //side nav js -->

<!-- Classie --><!-- for toggle left push menu script -->
<script src="js/classie.js"></script>
<script>
    var menuLeft = document.getElementById('cbp-spmenu-s1'),
        showLeftPush = document.getElementById('showLeftPush'),
        body = document.body;

    showLeftPush.onclick = function () {
        classie.toggle(this, 'active');
        classie.toggle(body, 'cbp-spmenu-push-toright');
        classie.toggle(menuLeft, 'cbp-spmenu-open');
        disableOther('showLeftPush');
    };

    function disableOther(button) {
        if (button !== 'showLeftPush') {
            classie.toggle(showLeftPush, 'disabled');
        }
    }
</script>
<!-- //Classie --><!-- //for toggle left push menu script -->

<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<!--//scrolling js-->

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.js"></script>

</body>
</html>